<!DOCTYPE html>
<html lang="en">
{% load staticfiles %}
<head>
    <meta charset="UTF-8">

    <title>首页</title>


    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css"
          integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
            integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
            crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
            integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
            crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js"
            integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
            crossorigin="anonymous"></script>
    <link rel="stylesheet" type="text/css" href="{% static 'css/reset.css' %}">
    <script type="text/javascript" src="{% static 'js/jquery-2.1.4.min.js' %}"></script>
    <!--    尾部-->
    <link rel="stylesheet" href="{% static 'css/mycss-footer.css' %}">
    <link rel="stylesheet" href="{% static 'css/mycss-TX.css' %}">

    <link rel="stylesheet" href="{% static 'css/mycss.css' %}">

    <link rel="stylesheet" href="{% static 'css/mycss-onetop.css' %}">
    <link rel="stylesheet" href="{% static 'css/mycss-BJ.css' %}">

    <script src="{% static 'js/myjs-four.js' %}"></script>

    <script src="{% static 'js/jquery.min.js' %}"></script>
<!--    <script src="{% static 'js/jquery.lazyload.min.js' %}"></script>-->
<!--    <script>-->
<!--        $(function () {-->
<!--            $("img.lazy").lazyload({-->
<!--                threshold: 200,-->
<!--                placeholder: "images/loading.jpg"-->
<!--            });-->
<!--        })-->
<!--    </script>-->


</head>
<body>
<!--返回顶部特效-->
<button onclick="topFunction()" id="myBtn" title="回顶部">返回 <br>顶部</button>

<div class="bottom">
    <div class="BJ">
        <div id="carouselExampleFade" class="carousel slide carousel-fade" data-ride="carousel">
            <div class="carousel-inner">
                {% for baselb in baselb %}
                    <div class="carousel-item ">
                        <img src="{{ baselb.image.url }}" class="d-block w-100" alt="...">
                    </div>
                {% endfor %}
            </div>

        </div>
    </div>
    <div class=LB-01 style="height:1800px"><img data-original="{% static 'images/DB-LB-01.jpg' %}"
                                                src="{% static 'images/loading.jpg' %}" class="lazy" alt=""></div>
    <div class=LB-02 style="height:650px"><img data-original="{% static 'images/DB-LB-02.jpg' %}"
                                               src="{% static 'images/loading.jpg' %}" class="lazy" alt=""></div>
    <div class=LB-03 style="height:650px"><img data-original="{% static 'images/DB-LB-03.jpg' %}"
                                               src="{% static 'images/loading.jpg' %}" class="lazy" alt=""></div>
    <!--    <div class=LB-04 style="height:650px"><img src="images/DB-LB-04.jpg" alt=""></div>-->
    <div class=LB-05 style="height:650px"><img data-original="{% static 'images/DB-LB-05.jpg' %}"
                                               src="{% static 'images/loading.jpg' %}" class="lazy" alt=""></div>
    <div class=LB-06 style="height:1054px"><img data-original="{% static 'images/DB-LB-06.jpg' %}"
                                                src="{% static 'images/loading.jpg' %}" class="lazy" alt=""></div>

</div>

<div class="top">
    <!--项目顶部登录区域-->
    <div class="one clearfix">
        <div class="sign-fr fr">
            <div class="fr">
                <span class="iphone"><img src="{% static 'images/picmin/app.png' %}" alt="" class="icon">APP</span>
                <span class="sina"><img src="{% static 'images/picmin/wb.png' %}" alt="" class="icon">微博</span>
                <span class="wchat"><img src="{% static 'images/picmin/wx.png' %}" alt="" class="icon">微信</span>
                <!--二维码target="_blank"打开新窗口-->
                <!--<div class="qr-code">
                   <a href="" target="_blank" class="leave"></a>
                   <a href="" target="_blank" class="leave weibo"></a>
                    <img src="images/picmin/EWM.jpg" alt="">
                </div>-->
            </div>
            {% if user.is_authenticated %}
                <div class="login_btn fl">
                    欢迎您：<em>{{ user.username }}</em>
                    <span>|</span>
                    <a href="{% url 'user:logout' %}">退出</a>
                </div>
            {% else %}
                <div class="login_btn fl">
                    <a href="{% url 'user:login' %}">登录</a>
                    <span>|</span>
                    <a href="{% url 'user:register' %}">注册</a>
                </div>
            {% endif %}

            <!--<a href="login.html">用户登录</a>-->

            <em class="line">|</em>
            <a href="">400-000-0000</a>
            <a href="">官方客服电话</a>
            <em class="line">|</em>
        </div>
    </div>
    <div class="two menu">
        <div class="inner-wrap clearfix">
            <div class="logo">
                <a href="index.html" title="庆余年"></a>
            </div>
            <!-- 城市 -->
            <div class="fl city">
                <a href="#" class="">石家庄 <span>[切换]</span> </a>
            </div>
            <!-- 菜单 -->
            <ul class="meanmin fl">
                <li>
                    <a href="{% url 'index:mjindex' %}" title="庆余年" target="_blank" class="current"
                       style="color: #ff3344; font-weight: bolder">首页</a>
                </li>
                <!-- s直营婚庆 -->
                <li class="hover">
                    <a href="{% url 'wedding:theme' %}" target="_blank" title="庆余年策划方案">庆余年婚礼</a>
                </li>
                <li>
                    <a href="{% url 'weddingdress:mj_weddingdress' %}" target="_blank" title="婚纱礼服租赁">余年婚纱</a>
                </li>
                <li class="hover">
                    <a href="{% url 'hotel:my_JD' %}" target="_blank" title="长沙婚宴酒店">酒店预订</a>
                </li>
                <!--<li class="hover">
                    <a href="#" target="_blank" title="长沙婚车出租">汽车租赁</a>
                    <em class="line">|</em>
                </li>
                <li>
                    <a href="#" target="_blank">婚礼攻略</a>
                </li>
                <li>
                    <a href="#" target="_blank">新人说</a>
                </li>-->
                <!--                <li>-->
                <!--                    <a href="https://www.mijwed.com/question/" target="_blank">问答</a>-->
                <!--                </li>-->
                <!--<li>
                    <a href="#" target="_blank" title="备婚工具">备婚工具</a>
                    <em class="line">|</em>
                </li>-->
                <!--                <li>-->
                <!--                    <a href="https://joinus.mijwed.com/" target="_blank" title="招商加盟">招商加盟</a>-->
                <!--                </li>-->
            </ul>
            <!-- 搜索 -->
            <div class="soso fr">
                <input type="button" value="搜索" class="soso1 fr">
                <input type="text" placeholder="酒店、婚纱名称" class="soso2"/>
                <div class="soso3">
                </div>
            </div>
        </div>
    </div>
    <!--首页主体-->
    <div class="three">

        <div class="prime-first">
            <!--第一屏，左边-->
            <div class="first-left fl">
                <a href="#" target="_blank" title="婚礼预算">
                    <img data-original="{% static 'images/budget-pic.png' %}" class="lazy">
                </a>

                <ul class="left-title">
                    <!--主题婚礼-->
                    <li class="zt">
                        <a href="javascript:;">
                            <p class="title">
                                <em class="icon icon-01"></em>
                                主题婚礼
                            </p>
                            <p class="subtitle">精选产品 匠心打造</p>
                        </a>
                    </li>
                    <!--案例陈列室-->
                    <li class="al">
                        <a href="javascript:;">
                            <p class="title">
                                <em class="icon icon-02"></em>
                                案例陈列室
                            </p>
                            <p class="subtitle">新人故事 高端定制</p>
                        </a>
                    </li>
                    <!--酒店预订-->
                    <li class="jd">
                        <a href="javascript:;">
                            <p class="title">
                                <em class="icon icon-03"></em>
                                酒店预订
                            </p>
                            <p class="subtitle">预约优惠 多重好礼</p>
                        </a>
                    </li>
                    <!--新闻资讯-->
                    <li class="news">
                        <a href="javascript:;">
                            <p class="title">
                                <em class="icon icon-04"></em>
                                新闻资讯
                            </p>
                            <p class="subtitle">公司新闻 媒体报道</p>
                        </a>
                    </li>
                </ul>
            </div>
            <!--第一屏，中间-->
            <div class="two-left fl">
                <div class="up">
                    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                        <ol class="carousel-indicators">
                        <!--问题：action未添加-->
                            {% for toplb in toplb %}
                                <li data-target="#carouselExampleIndicators" data-slide-to="{{ forloop.counter0 }}" class=""></li>
                            {% endfor %}
                        </ol>
                        <div class="carousel-inner">
                            {% for toplb in toplb %}
                                <div class="carousel-item">
                                    <img data-original="{{ toplb.image.url }}" src="{% static 'images/LB_HL_2.jpg' %}"
                                         class="d-block w-100 lazy" alt="{{ toplb.name }}">
                                </div>
                            {% endfor %}


                        </div>
                        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button"
                           data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button"
                           data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                </div>
                <!--                <div class="up slide fl">-->
                <!--                    <ul class="slide_pics">-->
                <!--                        <li><img src="images/LB_JB_1.png" alt="幻灯片"></li>-->
                <!--                        <li><img src="images/LB_HL_2.jpg" alt="幻灯片"></li>-->
                <!--                        <li><img src="images/LB_HL_3.jpg" alt="幻灯片"></li>-->
                <!--                        &lt;!&ndash;                        <li><img src="images/slide04.jpg" alt="幻灯片"></li>&ndash;&gt;-->
                <!--                    </ul>-->
                <!--                    <div class="prev"></div>-->
                <!--                    <div class="next"></div>-->
                <!--                    <ul class="points"></ul>-->
                <!--                </div>-->
                <div class="down">
                    <a target="_blank" href="#" title="电子请帖">
                        <dl class="down-list clearfix">
                            <dd>
                                <p class="title">电子请帖</p>
                                <p class="text">
                                    免费制作<br/>
                                    分享你们的幸福
                                </p>
                            </dd>
                            <dt>
                                <img data-original="{% static 'images/recommend-01.png' %}" src="{% static 'images/loading.jpg' %}"
                                     class="lazy">
                            </dt>
                        </dl>
                    </a>
                    <!-- 新增的官网预约入口 -->
                    <a href="#" target="_blank" title="了解蜜匠">
                        <dl class="down-list clearfix">
                            <dd>
                                <p class="title">了解蜜匠</p>
                                <p class="text">
                                    品质匠心<br/>
                                    用每一场婚礼证明
                                </p>
                            </dd>
                            <dt>
                                <img data-original="{% static 'images/recommend-02.png' %}" src="{% static 'images/loading.jpg' %}"
                                     class="lazy">
                            </dt>
                        </dl>
                    </a>
                    <!-- 官网预约入口结束 -->
                    <a href="https://www.mijwed.com/app-download.html" target="_blank" title="下载APP">
                        <dl class="down-list clearfix">
                            <dd>
                                <p class="title">应用下载</p>
                                <p class="text">
                                    备婚神器<br/>
                                    陪伴婚礼每个阶段
                                </p>
                            </dd>
                            <dt>
                                <img data-original="{% static 'images/recommend-03.png' %}" src="{% static 'images/loading.jpg' %}"
                                     class="lazy">
                            </dt>
                        </dl>
                    </a>
                </div>
            </div>
            <!--第三屏-->
            <div class="three-right fr">
                <img data-original="{% static 'images/three-AD.png' %}"
                     class="three-AD lazy">
                <div class="three-ys">
                    <div class="three-hlys">
                        <span class="title">婚礼预算 |</span>

                        <div class="shortselecttop">
                            <span>1-3万</span>
                            <em class="arr"></em>
                        </div>
                        <ul class="shortselectbm" style="display: none">
                            <li>0.5-1万</li>
                            <li>1-3万</li>
                            <li>3-5万</li>
                            <li>5-10万</li>
                            <li>10万以上</li>
                        </ul>
                    </div>
                    <input type="text" class="mobile" maxlength="11" placeholder="请输入您的电话号码">
                    <p class="shortselect-error"></p>
                    <input type="button" value="免费获取婚礼预算" class="btn">
                    <div class="data-number">已为
                        <span class="num">
                            <em>2</em><em>6</em><em>6</em><em>0</em><em>7</em><em>0</em><em>0</em>
                        </span>
                        位新人<br/>提供专业称心的婚礼服务
                    </div>
                    <div class="tools-list">
                        <span class="text">
                            <a href="https://www.mijwed.com/tools-invitation.html" target="_blank" class="text-01"
                               title="电子请帖">电子请帖</a>
                        </span>
                        <span class="text">
                            <a href="https://www.mijwed.com/tools-luckyDays.html" target="_blank" class="text-02"
                               title="结婚日期">结婚日期</a>
                        </span>
                        <span class="text">
                            <a href="https://www.mijwed.com/tools-registry.html" target="_blank" class="text-03"
                               title="婚姻登记">婚姻登记</a>
                        </span>
                        <span class="text">
                            <a href="https://www.mijwed.com/app-download.html" target="_blank" class="text-04"
                               title="应用下载">应用下载</a>
                        </span>
                        <span class="text">
                            <a href="https://www.mijwed.com/wedding/calculator.html" target="_blank" class="text-05"
                               title="婚礼计算">婚礼计算</a>
                        </span>
                        <span class="text">
                            <a href="https://www.mijwed.com/stores/" target="_blank" class="text-06"
                               title="线下门店">线下门店</a>
                        </span>
                        <span class="text">
                            <a href="https://mijiangfw.tmall.com/p/rd924388.htm?spm=a1z10.1-b-s.w5001-21724845288.2.1ab825f4TfMmwR&scene=taobao_shop"
                               rel="nofollow" target="_blank" class="text-07" title="天猫店铺">天猫店铺</a>
                        </span>
                        <span class="text">
                            <a href="http://www.dianping.com/shop/66488520" rel="nofollow" target="_blank"
                               class="text-08"
                               title="大众点评">大众点评</a>
                        </span>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!--第二屏幕，蜜匠动态，用户好评-->
    <div class="four">
        <div class="fourDT">
            <!--蜜匠动态 查看更多-->
            <div class="fourtop">
                <a href="{% url 'dynamic:mj_DT' %}" class="more fr">查看更多</a>
                <div class="fourtopDT">蜜匠动态<span class="sub">/精选蜜匠实时动态</span></div>
            </div>
            <div class="fourLB-1">
                <div class="BJLB-1" id="BJLB-1">
                    <ul>
                        <li><img data-original="{% static 'images/DB-LB-01.jpg' %}" src="{% static 'images/loading.jpg' %}"
                                 class="lazy" alt="">
                            <div class="text">
                                <h5 class="date">2020-12-10</h5>
                                <hr>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa ea, iusto nisi
                                    obcaecati
                                    recusandae repudiandae soluta. Accusantium, aliquid cum cupiditate laudantium maxime
                                    omnis optio, placeat quidem quis quod ratione, repudiandae?</p>

                            </div>
                        </li>
                        <li><img data-original="{% static 'images/DB-LB-02.jpg' %}"
                                 class="lazy" alt="">
                            <div class="text">
                                <h5 class="date">2020-12-10</h5>
                                <hr>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa ea, iusto nisi
                                    obcaecati
                                    recusandae repudiandae soluta. Accusantium, aliquid cum cupiditate laudantium maxime
                                    omnis optio, placeat quidem quis quod ratione, repudiandae?</p>

                            </div>
                        </li>
                        <li><img data-original="{% static 'images/DB-LB-03.jpg' %}"
                                 class="lazy" alt="">
                            <div class="text">
                                <h5 class="date">2020-12-10</h5>
                                <hr>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa ea, iusto nisi
                                    obcaecati
                                    recusandae repudiandae soluta. Accusantium, aliquid cum cupiditate laudantium maxime
                                    omnis optio, placeat quidem quis quod ratione, repudiandae?</p>

                            </div>
                        </li>
                        <li><img data-original="{% static 'images/DB-LB-04.jpg' %}"
                                 class="lazy" alt="">
                            <div class="text">
                                <h5 class="date">2020-12-10</h5>
                                <hr>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa ea, iusto nisi
                                    obcaecati
                                    recusandae repudiandae soluta. Accusantium, aliquid cum cupiditate laudantium maxime
                                    omnis optio, placeat quidem quis quod ratione, repudiandae?</p>

                            </div>
                        </li>
                        <li><img data-original="{% static 'images/DB-LB-05.jpg' %}"
                                 class="lazy" alt="">
                            <div class="text">
                                <h5 class="date">2020-12-10</h5>
                                <hr>
                                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa ea, iusto nisi
                                    obcaecati
                                    recusandae repudiandae soluta. Accusantium, aliquid cum cupiditate laudantium maxime
                                    omnis optio, placeat quidem quis quod ratione, repudiandae?</p>

                            </div>
                        </li>
                    </ul>

                    <ol>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ol>

                </div>
            </div>
        </div>
        <div class="fivePL">
            <!--蜜匠评论 查看更多-->
            <div class="fivetop">
                <a href="" class="more fr">查看更多</a>
                <div class="fivetopPL">用户评论<span class="sub">/精选蜜匠实时动态</span></div>
            </div>
            <div class="fiveLB">
                <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
                    <ol class="carousel-indicators" style="color: #881d1b">
                        <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                        <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                        <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
                    </ol>
                    <div class="carousel-inner">
                        <div class="carousel-item active">
                            <div class="pic">
                                <img data-original="{% static 'images/DB-LB-01.jpg' %}"
                                     class="d-block w-100 lazy" alt="...">
                            </div>
                            <div class="text1 d-none d-md-block">
                                <h5>First slide label</h5>
                                <hr>
                                <p>Nulla vitae elit libero, a pharetra augue mollis interdumNulla vitae elit libero, a
                                    pharetra augue mollis interdumNulla vitae elit libero, a pharetra augue mollis
                                    interdumNulla vitae elit libero, a pharetra augue mollis interdumNulla vitae elit
                                    libero, a pharetra augue mollis interdumNulla vitae elit libero, a pharetra augue
                                    mollis interdumNulla vitae elit libero, a pharetra augue mollis interdumNulla vitae
                                    elit libero, a pharetra augue mollis interdum.</p>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <div class="pic">
                                <img data-original="{% static 'images/DB-LB-02.jpg' %}"
                                     class="d-block w-100 lazy" alt="...">
                            </div>
                            <div class="text1 d-none d-md-block">
                                <h5>First slide label</h5>
                                <hr>
                                <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                            </div>
                        </div>
                        <div class="carousel-item">
                            <div class="pic">
                                <img data-original="{% static 'images/DB-LB-03.jpg' %}"
                                     class="d-block w-100 lazy" alt="...">
                            </div>
                            <div class="text1 d-none d-md-block">
                                <h5>First slide label</h5>
                                <hr>
                                <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
                            </div>
                        </div>
                    </div>
                    <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>
        </div>
        <div class="sixJDAPP">
            <div class="sixJD">
                <a href="" title="PC-酒店入住" target="_blank"><img data-original="{% static 'images/five-jiudian.jpg' %}"
                                                                src="{% static 'images/loading.jpg' %}" class="lazy"
                                                                alt=""></a>
            </div>
            <div class="sixAPP">
                <a href="" title="PC-app下载" target="_blank"><img data-original="{% static 'images/five-app.jpg' %}"
                                                                 src="{% static 'images/loading.jpg' %}" class="lazy"
                                                                 alt=""></a>
            </div>
        </div>
    </div>


</div>
<!-- 主题婚礼 -->
<div class="ZTHL">
    <h2 class="zl">主题婚礼</h2>
    <p class="zl2">消费透明/专业团队/服务舒心</p>

    <div id="demo" class="carousel slide">
        <!-- 轮播图片 -->
        <div class="ZLLBpic">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <a href="{% url 'wedding:alqingfeng' %}" title="婚礼策划方案:My Princess" target="_blank" class="zl31"
                       style="width: 1200px; color: #dddddd">
                        <div class="zl32">
                            <div class="zl33">
                                <img style="width: 100%;" data-original="{% static 'images/zl/zl13-1.jpg' %}"
                                     src="{% static 'images/loading.jpg' %}" class="lazy" alt="长沙婚礼策划方案">
                            </div>
                            <div class="zt">
                                <span class="title">My Princess</span>
                                <span class="title2">少女情怀 梦幻甜美 童话故事</span>
                                <span class="price"> ￥<em class="num">14880</em></span>
                                <div class="btn">查看详情</div>
                            </div>
                        </div>
                        <div class="zlright">
                            <div class="zl34">
                                <div class="zl34pic">
                                    <img data-original="{% static 'images/zl/zl13-2.jpg' %}"
                                         src="{% static 'images/loading.jpg' %}" class="lazy" alt="长沙婚礼策划方案：迪士尼元素">
                                </div>
                                <p class="text">迪士尼元素</p>
                            </div>
                            <div class="zl34">
                                <div class="zl34pic">
                                    <img data-original="{% static 'images/zl/zl13-3.jpg' %}"
                                         src="{% static 'images/loading.jpg' %}" class="lazy" alt="长沙婚礼策划方案：迪士尼元素">
                                </div>
                                <p class="text">曲线环绕式造型</p>
                            </div>
                            <div class="zl34">
                                <div class="zl34pic">
                                    <img data-original="{% static 'images/zl/zl13-4.jpg' %}"
                                         src="{% static 'images/loading.jpg' %}" class="lazy" alt="长沙婚礼策划方案：迪士尼元素">
                                </div>
                                <p class="text">马卡龙色系</p>
                            </div>


                        </div>

                    </a>
                </div>
                <div class="carousel-item">
                    <a href="{% url 'wedding:alqingfeng' %}" title="婚礼策划方案:My Princess" target="_blank" class="zl31"
                       style="width: 1200px; color: #dddddd">
                        <div class="zl32">
                            <div class="zl33">
                                <img style="width: 100%;" data-original="{% static 'images/zl/zl13-1.jpg' %}"
                                     src="{% static 'images/loading.jpg' %}" class="lazy" alt="长沙婚礼策划方案">
                            </div>
                            <div class="zt">
                                <span class="title">My Princess</span>
                                <span class="title2">少女情怀 梦幻甜美 童话故事</span>
                                <span class="price"> ￥<em class="num">14880</em></span>
                                <div class="btn">查看详情</div>
                            </div>
                        </div>
                        <div class="zlright">
                            <div class="zl34">
                                <div class="zl34pic">
                                    <img data-original="{% static 'images/zl/zl13-2.jpg' %}"
                                         src="{% static 'images/loading.jpg' %}" class="lazy" alt="长沙婚礼策划方案：迪士尼元素">
                                </div>
                                <p class="text">迪士尼元素</p>
                            </div>
                            <div class="zl34">
                                <div class="zl34pic">
                                    <img data-original="{% static 'images/zl/zl13-3.jpg' %}"
                                         src="{% static 'images/loading.jpg' %}" class="lazy" alt="长沙婚礼策划方案：迪士尼元素">
                                </div>
                                <p class="text">曲线环绕式造型</p>
                            </div>
                            <div class="zl34">
                                <div class="zl34pic">
                                    <img data-original="{% static 'images/zl/zl13-4.jpg' %}"
                                         src="{% static 'images/loading.jpg' %}" class="lazy" alt="长沙婚礼策划方案：迪士尼元素">
                                </div>
                                <p class="text">马卡龙色系</p>
                            </div>


                        </div>

                    </a>
                </div>
                <div class="carousel-item">
                    <a href="{% url 'wedding:alqingfeng' %}" title="婚礼策划方案:My Princess" target="_blank" class="zl31"
                       style="width: 1200px; color: #dddddd">
                        <div class="zl32">
                            <div class="zl33">
                                <img style="width: 100%;" data-original="{% static 'images/zl/zl13-1.jpg' %}"
                                     src="{% static 'images/loading.jpg' %}" class="lazy" alt="长沙婚礼策划方案">
                            </div>
                            <div class="zt">
                                <span class="title">My Princess</span>
                                <span class="title2">少女情怀 梦幻甜美 童话故事</span>
                                <span class="price"> ￥<em class="num">14880</em></span>
                                <div class="btn">查看详情</div>
                            </div>
                        </div>
                        <div class="zlright">
                            <div class="zl34">
                                <div class="zl34pic">
                                    <img data-original="{% static 'images/zl/zl13-2.jpg' %}"
                                         src="{% static 'images/loading.jpg' %}" class="lazy" alt="长沙婚礼策划方案：迪士尼元素">
                                </div>
                                <p class="text">迪士尼元素</p>
                            </div>
                            <div class="zl34">
                                <div class="zl34pic">
                                    <img data-original="{% static 'images/zl/zl13-3.jpg' %}"
                                         src="{% static 'images/loading.jpg' %}" class="lazy" alt="长沙婚礼策划方案：迪士尼元素">
                                </div>
                                <p class="text">曲线环绕式造型</p>
                            </div>
                            <div class="zl34">
                                <div class="zl34pic">
                                    <img data-original="{% static 'images/zl/zl13-4.jpg' %}"
                                         src="{% static 'images/loading.jpg' %}" class="lazy" alt="长沙婚礼策划方案：迪士尼元素">
                                </div>
                                <p class="text">马卡龙色系</p>
                            </div>


                        </div>

                    </a>
                </div>
                <div class="carousel-item">
                    <a href="{% url 'wedding:alqingfeng' %}" title="婚礼策划方案:My Princess" target="_blank" class="zl31"
                       style="width: 1200px; color: #dddddd">
                        <div class="zl32">
                            <div class="zl33">
                                <img style="width: 100%;" data-original="{% static 'images/zl/zl13-1.jpg' %}"
                                     src="{% static 'images/loading.jpg' %}" class="lazy" alt="长沙婚礼策划方案">
                            </div>
                            <div class="zt">
                                <span class="title">My Princess</span>
                                <span class="title2">少女情怀 梦幻甜美 童话故事</span>
                                <span class="price"> ￥<em class="num">14880</em></span>
                                <div class="btn">查看详情</div>
                            </div>
                        </div>
                        <div class="zlright">
                            <div class="zl34">
                                <div class="zl34pic">
                                    <img data-original="{% static 'images/zl/zl13-2.jpg' %}"
                                         src="{% static 'images/loading.jpg' %}" class="lazy" alt="长沙婚礼策划方案：迪士尼元素">
                                </div>
                                <p class="text">迪士尼元素</p>
                            </div>
                            <div class="zl34">
                                <div class="zl34pic">
                                    <img data-original="{% static 'images/zl/zl13-3.jpg' %}"
                                         src="{% static 'images/loading.jpg' %}" class="lazy" alt="长沙婚礼策划方案：迪士尼元素">
                                </div>
                                <p class="text">曲线环绕式造型</p>
                            </div>
                            <div class="zl34">
                                <div class="zl34pic">
                                    <img data-original="{% static 'images/zl/zl13-4.jpg' %}"
                                         src="{% static 'images/loading.jpg' %}" class="lazy" alt="长沙婚礼策划方案：迪士尼元素">
                                </div>
                                <p class="text">马卡龙色系</p>
                            </div>


                        </div>

                    </a>
                </div>
            </div>
        </div>
        <!-- 指示符 -->
        <div class="TSF">
            <ul class="carousel-indicators">
                <li style="margin-left: 0px" data-target="#demo" data-slide-to="0" class="active">
                    <div class="TSFpic">
                        <span class="subtext">My Princess</span>
                        <img data-original="{% static 'images/zl/zl13-1.jpg' %}" src="{% static 'images/loading.jpg' %}"
                             class="lazy" alt="长沙婚礼策划：My Princess">

                    </div>


                </li>
                <li data-target="#demo" data-slide-to="1">
                    <div class="TSFpic">
                        <span class="subtext">摩西哇卡</span>
                        <img data-original="{% static 'images/zl/zl13-1.jpg' %}" src="{% static 'images/loading.jpg' %}"
                             class="lazy" alt="长沙婚礼策划：My Princess">

                    </div>

                </li>
                <li data-target="#demo" data-slide-to="2">
                    <div class="TSFpic">
                        <span class="subtext">自己写好费劲</span>
                        <img data-original="{% static 'images/zl/zl13-1.jpg' %}" src="{% static 'images/loading.jpg' %}"
                             class="lazy" alt="长沙婚礼策划：My Princess">
                    </div>

                </li>
                <li data-target="#demo" data-slide-to="3">
                    <div class="TSFpic">
                        <span class="subtext">摩西哇卡</span>
                        <img data-original="{% static 'images/zl/zl13-1.jpg' %}" src="{% static 'images/loading.jpg' %}"
                             class="lazy" alt="长沙婚礼策划：My Princess">

                    </div>

                </li>
                <a href="" style="height: 115px; width: 219px;" target="_blank">
                    <li style="margin-right: 0;">
                        <div class="TSFpic">
                            <a href="{% url 'wedding:theme' %}" target="_blank"><span class="subtext">查看更多></span>
                                <img data-original="{% static 'images/zl/zl13-1.jpg' %}"
                                     src="{% static 'images/loading.jpg' %}" class="lazy" alt="长沙婚礼策划：My Princess">
                            </a>
                        </div>

                    </li>
                </a>
            </ul>
        </div>


    </div>


</div>
<!--婚礼服务流程-->
<div class="HLFW">
    <div class="zthllc">
        庆余年婚礼服务流程
        <span class="sub">消费透明/专业团队/服务舒心</span>
    </div>
    <ul class="fwlist">
        <li>
            <span class="icon">
                <img data-original="https://files.mijwed.com/wed/template/home/service-list-01.png"
                     src="{% static 'images/loading.jpg' %}" class="lazy" alt="咨询预约">
            </span>
            <p class="title">咨询预约</p>
            <p class="subtitle">预约附近体验店沟通</p>
            <p class="line-bar first-line">
                <em class="num">1</em>
            </p>
        </li>
        <li>
            <span class="icon">
                <img data-original="https://files.mijwed.com/wed/template/home/service-list-02.png"
                     src="{% static 'images/loading.jpg' %}" class="lazy" alt="选择产品">
            </span>
            <p class="title">选择产品</p>
            <p class="subtitle">根据需求预算确定产品服务</p>
            <p class="line-bar">
                <em class="num">2</em>
            </p>
        </li>
        <li>
            <span class="icon">
                <img data-original="https://files.mijwed.com/wed/template/home/service-list-03.png"
                     src="{% static 'images/loading.jpg' %}" class="lazy" alt="签订合同">
            </span>
            <p class="title">签订合同</p>
            <p class="subtitle">签订合同及支付合同金</p>
            <p class="line-bar">
                <em class="num">3</em>
            </p>
        </li>
        <li>
            <span class="icon">
                <img data-original="https://files.mijwed.com/wed/template/home/service-list-04.png"
                     src="{% static 'images/loading.jpg' %}" class="lazy" alt="服务团队对接">
            </span>
            <p class="title">服务团队对接</p>
            <p class="subtitle">组建团队沟通仪式流程</p>
            <p class="line-bar">
                <em class="num">4</em>
            </p>
        </li>
        <li>
            <span class="icon">
                <img data-original="https://files.mijwed.com/wed/template/home/service-list-05.png"
                     src="{% static 'images/loading.jpg' %}" class="lazy" alt="婚礼彩排">
            </span>
            <p class="title">婚礼彩排</p>
            <p class="subtitle">婚礼预演落实流程</p>
            <p class="line-bar">
                <em class="num">5</em>
            </p>
        </li>
        <li>
            <span class="icon">
                <img data-original="https://files.mijwed.com/wed/template/home/service-list-06.png"
                     src="{% static 'images/loading.jpg' %}" class="lazy" alt="婚礼执行">
            </span>
            <p class="title">婚礼执行</p>
            <p class="subtitle">确保现场工作完美</p>
            <p class="line-bar">
                <em class="num">6</em>
            </p>
        </li>
        <li>
            <span class="icon">
                <img data-original="https://files.mijwed.com/wed/template/home/service-list-07.png"
                     src="{% static 'images/loading.jpg' %}" class="lazy" alt="后期服务">
            </span>
            <p class="title">后期服务</p>
            <p class="subtitle">满意度回访及交付影像作品</p>
            <p class="line-bar finally-line">
                <em class="num">7</em>
            </p>
        </li>
    </ul>
</div>


<!-- 案例陈列室 -->
<div class="AL">

    <div class="alfr">
        <div id="al3" class="carousel slide" data-ride="carousel">
            <!--            <ol class="carousel-indicators">-->
            <!--                <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>-->
            <!--                <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>-->
            <!--                <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>-->
            <!--            </ol>-->
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <a href="#" target="_blank" title="长沙婚礼策划案例：la luna">
                        <div class="figure">
                            <img data-original="{% static  'images/zl/zl13-1.jpg' %}"
                                 src="{% static 'images/loading.jpg' %}" class="lazy" alt="长沙婚礼策划案例：la luna">
                            <!--                            <div class="swiper-lazy-preloader"></div>-->
                        </div>
                    </a>
                    <div class="content">
                        <p class="title">la luna</p>
                        <div class="user-list">
                            <img data-original="https://files.mijwed.com/new/face/202011/20201127_D0A7DEFDE2E4EF16BA74ECC4F93AD3DF."
                                 src="{% static 'images/loading.jpg' %}"
                                 class="icon lazy">
                            <span class="name">iBingo</span>
                        </div>
                        <p class="text">
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium consectetur corporis
                            cumque dolore dolorem dolores esse, facere impedit iure minima nesciunt omnis quam quibusdam
                            rem repudiandae saepe, totam vitae voluptas.
                        </p>
                        <div class="btn-bar">
                            <a href="{% url 'wedding:alqingfeng' %}" target="_blank" title="长沙婚礼策划案例：la luna">
                                <span class="ckxq">查看详情</span>
                            </a>
                        </div>
                    </div>

                </div>
                <div class="carousel-item">
                    <a href="#" target="_blank" title="长沙婚礼策划案例：la luna">
                        <div class="figure">
                            <img data-original="{% static 'images/zl/zl13-1.jpg' %}"
                                 src="{% static 'images/loading.jpg' %}" class="lazy" alt="长沙婚礼策划案例：la luna">
                            <!--                            <div class="swiper-lazy-preloader"></div>-->
                        </div>
                    </a>
                    <div class="content">
                        <p class="title">la luna</p>
                        <div class="user-list">
                            <img data-original="https://files.mijwed.com/new/face/202011/20201127_D0A7DEFDE2E4EF16BA74ECC4F93AD3DF."
                                 src="{% static 'images/loading.jpg' %}" class="icon lazy">
                            <span class="name">iBingo</span>
                        </div>
                        <p class="text">
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium consectetur corporis
                            cumque dolore dolorem dolores esse, facere impedit iure minima nesciunt omnis quam quibusdam
                            rem repudiandae saepe, totam vitae voluptas.
                        </p>
                        <div class="btn-bar">
                            <a href="{% url 'wedding:alqingfeng' %}" target="_blank" title="长沙婚礼策划案例：la luna">
                                <span class="ckxq">查看详情</span>
                            </a>
                        </div>
                    </div>

                </div>
                <div class="carousel-item">
                    <a href="#" target="_blank" title="长沙婚礼策划案例：la luna">
                        <div class="figure">
                            <img data-original="{% static 'images/zl/zl13-1.jpg' %}"
                                 src="{% static 'images/loading.jpg' %}" class="lazy" alt="长沙婚礼策划案例：la luna">
                            <!--                            <div class="swiper-lazy-preloader"></div>-->
                        </div>
                    </a>
                    <div class="content">
                        <p class="title">la luna</p>
                        <div class="user-list">
                            <img data-original="https://files.mijwed.com/new/face/202011/20201127_D0A7DEFDE2E4EF16BA74ECC4F93AD3DF."
                                 src="{% static 'images/loading.jpg' %}" class="icon lazy">
                            <span class="name">iBingo</span>
                        </div>
                        <p class="text">
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium consectetur corporis
                            cumque dolore dolorem dolores esse, facere impedit iure minima nesciunt omnis quam quibusdam
                            rem repudiandae saepe, totam vitae voluptas.
                        </p>
                        <div class="btn-bar">
                            <a href="{% url 'wedding:alqingfeng' %}" target="_blank" title="长沙婚礼策划案例：la luna">
                                <span class="ckxq">查看详情</span>
                            </a>
                        </div>
                    </div>

                </div>


            </div>
            <!--            <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">-->
            <!--                <span class="carousel-control-prev-icon" aria-hidden="true"></span>-->
            <!--                <span class="sr-only">Previous</span>-->
            <!--            </a>-->
            <!--            <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">-->
            <!--                <span class="carousel-control-next-icon" aria-hidden="true"></span>-->
            <!--                <span class="sr-only">Next</span>-->
            <!--            </a>-->
        </div>
        <div class="al4">
            <div class="allist">
                <a href="https://www.mijwed.com/cs/wedding/case/#&zs" target="_blank" title="长沙案例-中式">中式</a>
                <em class="line">|</em>
                <a href="https://www.mijwed.com/cs/wedding/case/#&wm" target="_blank" title="长沙案例-唯美">唯美</a>
                <em class="line">|</em>
                <a href="https://www.mijwed.com/cs/wedding/case/#&xs" target="_blank" title="长沙案例-西式">西式</a>
                <em class="line">|</em>
                <a href="https://www.mijwed.com/cs/wedding/case/#&xqx" target="_blank" title="长沙案例-小清新">小清新</a>
                <em class="line">|</em>
                <a href="https://www.mijwed.com/cs/wedding/case/#&cy" target="_blank" title="长沙案例-创意">创意</a>
                <em class="line">|</em>
                <a href="https://www.mijwed.com/cs/wedding/case/#&xd" target="_blank" title="长沙案例-现代">现代</a>
            </div>
            <span class="title">案例风格 / stlye</span>
        </div>
    </div>
    <div class="alfl">
        <img src="{% static 'images/zl/AL.png' %}" class="caption">
        <span class="subtitle">- 蜜匠婚礼 匠心打造 -</span>
        <a href="{% url 'wedding:al' %}mj_AL.html" target="_blank" title="长沙案例" class="more-btn">查看更多案例</a>
    </div>

</div>
<!-- 甄选品牌酒店 -->
<div class="JD">
    <ul class="hotel-list">
        <li>
            <a href="{% url 'hotel:JD_hotel' %}" title="长沙融程花园酒店婚宴预订" target="_blank">
                <p class="des"> 可容纳49桌 | 雨花区 | 五星级</p>
                <p class="title">融程花园酒店</p>
                <p class="price-bar">￥<em class="num">2299</em>起</p>
                <p class="pic">
                    <img data-original="https://files.mijwed.com/new/block/201803/20180324_2994EC659FBDE1E5F6E2A65907D5F5C5.jpg"
                         class="lazy" alt="长沙融程花园酒店婚宴预订">
                </p>
                <span class="news-btn">立即预订</span>
            </a>
        </li>
        <li>
            <a href="{% url 'hotel:JD_hotel' %}" title="长沙三景韦尔斯利酒店婚宴预订" target="_blank">
                <p class="des"> 可容纳80桌 | 星沙 | 五星级</p>
                <p class="title">三景韦尔斯利酒店</p>
                <p class="price-bar">￥<em class="num">1398</em>起</p>
                <p class="pic">
                    <img data-original="https://files.mijwed.com/new/block/201803/20180323_684234793DF422EB43553CC934C1B515.jpg"
                         class="lazy" alt="长沙三景韦尔斯利酒店婚宴预订">
                </p>
                <span class="news-btn">立即预订</span>
            </a>
        </li>
        <li>
            <a href="{% url 'hotel:JD_hotel' %}" title="长沙梅溪湖金茂豪华精选婚宴预订" target="_blank">
                <p class="des"> 可容纳80桌 | 岳麓区 | 五星级</p>
                <p class="title">梅溪湖金茂豪华精选</p>
                <p class="price-bar">￥<em class="num">3688</em>起</p>
                <p class="pic">
                    <img data-original="https://files.mijwed.com/new/block/201803/20180324_81C2309445722F393A8940158ABAE654.jpg"
                         class="lazy" alt="长沙梅溪湖金茂豪华精选婚宴预订">
                </p>
                <span class="news-btn">立即预订</span>
            </a>
        </li>
    </ul>
    <div class="jdfl">
        <img src="{% static 'images/JD/JD.png' %}" class="caption">
        <span class="subtitle">- 甄选酒店 优选为你 -</span>
        <a href="{% url 'hotel:my_JD' %}" title="长沙婚宴酒店预订" target="_blank" class="more-btn">查看更多酒店</a>
    </div>

</div>
<!-- 优质品牌婚车 -->
<!--未作-->
<!-- 蜜匠视频 VIDEO -->
<div class="SP">
    <div class="video-tab" id="homeVideoBox">
        <div class="video-play-box">
            <video id="HomeVideo" src="https://video.mijwed.com/todolist/2020061001.mp4" muted="true" controls
                   controlslist="nodownload" loop></video>
        </div>
        <!-- 标题列表 -->
        <div class="video-caption-list fr">
            <div class="caption-bar clearfix">
                <a href="https://www.mijwed.com/videos/" target="_blank" class="more fr">更多视频</a>
                蜜匠视频 VIDEO
            </div>
            <ul class="video-caption list clearfix">
                <li class="current" data-video="https://video.mijwed.com/todolist/2020061001.mp4">
                    <div class="pic">
                        <img src="https://qnvideo.mijwed.com/brand/news/ChdIG4aZFTrPosJ1602745167003.jpg"/>
                    </div>
                    <div class="text-con fr">
                        <span class="subtext">莫奈【主题婚礼】花朵的绽放，油画的笔触，打造一个浪漫空间</span>
                        <p class="mins">1:20</p>
                    </div>
                </li>
                <li data-video="https://video.mijwed.com/video/wed3/2020071403zhengpian.mp4">
                    <div class="pic">
                        <img src="https://qnvideo.mijwed.com/brand/news/cPY6KqMsXjOHd2d1602745845894.jpg"/>
                    </div>
                    <div class="text-con fr">
                        <span class="subtext">漫步哈瓦那【主题婚礼】犹如礁石和棕榈树下的斑斓，无处不散发浓郁的热带风情</span>
                        <p class="mins">1:52</p>
                    </div>
                </li>
                <li data-video="https://video.mijwed.com/video/wed3/p2005221503.mp4">
                    <div class="pic">
                        <img src="https://qnvideo.mijwed.com/brand/news/9RDN1u2n3LUkSke1602744519438.jpg"/>
                    </div>
                    <div class="text-con fr">
                        <span class="subtext">满庭芳【主题婚礼】当东方神韵邂逅法式优雅，给你满庭的繁花似锦，雅致韵味</span>
                        <p class="mins">1:19</p>
                    </div>
                </li>
                <li data-video="https://video.mijwed.com/video/wed3/20200908002yasuo.mp4">
                    <div class="pic">
                        <img src="https://qnvideo.mijwed.com/brand/news/Y3YqsOBc7B2G4BK1602741371292.jpg"/>
                    </div>
                    <div class="text-con fr">
                        <span class="subtext">简单爱【主题婚礼新品】高级而长久的温柔，是简单而温馨的陪伴</span>
                        <p class="mins">1:11</p>
                    </div>
                </li>
                <li data-video="https://video.mijwed.com/video/wed3/2020082805.mp4">
                    <div class="pic">
                        <img src="https://qnvideo.mijwed.com/brand/news/XFfPii2hh3sruzA1602742717220.jpg"/>
                    </div>
                    <div class="text-con fr">
                        <span class="subtext">莫兰迪爱情哲学【主题婚礼】在被爱与温柔包裹的世界里，谁能不做爱情的信徒？</span>
                        <p class="mins">1:44</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- 新闻资讯 -->


<div class="news-consulting-warp newswarp">
    <h2 class="caption">新闻资讯</h2>
    <!-- right -->
    <div class="box">
        <div class="box_title">
            <ul class="tab_list">
                <li class="cur_title">公司新闻</li>
                <li>媒体报告</li>
            </ul>

        </div>
        <div class="box_con">
            <div class="mod">
                <ul>
                    <li>
                        <a target="_blank" rel="nofollow" href="https://www.mijwed.com/baike/1105903.html"
                           title="颠覆传统 开创未来 现象科技入选湖南互联网企业50强">
                            <div class="con fr">
                                <p class="subtitle">颠覆传统 开创未来 现象科技入选湖南互联网企业50强</p>
                                <p class="text">颠覆传统 开创未来 现象科技入选湖南互联网企业50强</p>
                            </div>
                        </a>
                        <span class="date">01/01 1970</span>
                    </li>
                    <li>
                        <a target="_blank" rel="nofollow" href="https://www.mijwed.com/baike/1081925.html"
                           title="2020深圳婚博会圆满结束，蜜匠婚礼当天签下50单！">
                            <div class="con fr 2">
                                <p class="subtitle">2020深圳婚博会圆满结束，蜜匠婚礼当天签下50单！</p>
                                <p class="text">和蜜匠一起“乘风破浪”！</p>
                            </div>
                        </a>
                        <span class="date">08/08 2020</span>
                    </li>
                    <li>
                        <a target="_blank" rel="nofollow" href="https://www.mijwed.com/baike/1082030.html"
                           title="成交金额破百万，婚庆行业的明星直播带货，还能这么玩？">
                            <div class="con fr 3">
                                <p class="subtitle">成交金额破百万，婚庆行业的明星直播带货，还能这么玩？</p>
                                <p class="text">蜜匠婚礼营销升维，开婚庆行业明星直播带货先河。</p>
                            </div>
                        </a>
                        <span class="date">08/08 2020</span>
                    </li>
                    <li class="more-btn"><a href="https://www.mijwed.com/news/" target="_blank" title="公司新闻">查看更多</a>
                    </li>
                </ul>
            </div>
            <div class="mod" style="display: none">
                <ul>
                    <li>
                        <a target="_blank" rel="nofollow" href="https://finance.ifeng.com/c/81s4fa4cyLy"
                           title="颠覆传统 开创未来 现象科技入选湖南互联网企业50强">
                            <div class="con fr 1">
                                <p class="subtitle">颠覆传统 开创未来 现象科技入选湖南互联网企业50强</p>
                                <p class="text">荣誉意味着责任,科技象征着未来。</p>
                            </div>
                        </a>
                        <span class="date">01/01 1970</span>
                    </li>
                    <li>
                        <a target="_blank" rel="nofollow"
                           href="https://tech.china.com/article/20200930/092020_617936.html"
                           title="国庆“爆仓”订单火爆 这家婚庆公司开创了商业新模式">
                            <div class="con fr 2">
                                <p class="subtitle">国庆“爆仓”订单火爆 这家婚庆公司开创了商业新模式</p>
                                <p class="text">国庆“车龙”盛况之下
                                    蜜匠婚礼为何成为新人首选</p>
                            </div>
                        </a>
                        <span class="date">11/17 2020</span>
                    </li>
                    <li>
                        <a target="_blank" rel="nofollow" href="http://biz.ifeng.com/c/7ws1pwG0oUA"
                           title="专访蜜匠婚礼匡亮军:扛起婚礼人的社会责任">
                            <div class="con fr 3">
                                <p class="subtitle">专访蜜匠婚礼匡亮军:扛起婚礼人的社会责任</p>
                                <p class="text">
                                    婚礼上,蜜匠婚礼联合创始人匡亮军,代表婚礼人表达了“用行动致敬医护人员”的意愿,并宣布蜜匠婚礼将针对所有医护工作者,推行婚礼策划“零利润”政策,用服务来表达婚礼人对白衣天使的敬意和感谢。</p>
                            </div>
                        </a>
                        <span class="date">05/29 2020</span>
                    </li>
                    <li class="more-btn"><a href="https://www.mijwed.com/media/" target="_blank" title="媒体报道">查看更多</a>
                    </li>
                </ul>
            </div>

        </div>
    </div>
    <!-- left -->
    <div class="news-consulting">
        <div id="news" class="carousel slide carousel-fade" data-ride="carousel">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <a target="_blank" rel="nofollow" href="https://www.mijwed.com/baike/1081925.html"
                       title="2020夏季深圳婚博会圆满结束，蜜匠婚礼当天签下50单！">
                        <p class="pic">
                            <img data-src="https://qnvideo.mijwed.com/brand/news/3s8St16P89gV33B1598600823408.jpg"
                                 class="swiper-lazy">
                        <div class="swiper-lazy-preloader"></div>
                        </p>
                        <p class="text">2020夏季深圳婚博会圆满结束，蜜匠婚礼当天签下50单！</p>
                    </a>
                </div>
                <div class="carousel-item">
                    <a target="_blank" rel="nofollow" href="https://www.mijwed.com/baike/1086051.html"
                       title="蜜匠婚礼营销升维，开婚庆行业明星直播带货先河">
                        <p class="pic">
                            <img data-src="https://qnvideo.mijwed.com/brand/news/PouqdSGLJc9ClPl1598600131736.jpg"
                                 class="swiper-lazy">
                        <div class="swiper-lazy-preloader"></div>
                        </p>
                        <p class="text">蜜匠婚礼营销升维，开婚庆行业明星直播带货先河</p>
                    </a>
                </div>
                <div class="carousel-item">
                    <a target="_blank" rel="nofollow" href="http://www.ceh.com.cn/syzx/1236950.shtml"
                       title="业内首家实景搭建“云婚礼”  蜜匠婚礼开启疫情下的婚礼新模式">
                        <p class="pic">
                            <img data-src="https://qnvideo.mijwed.com/brand/news/Hjaqw21G5WecMpL1587970642085.jpg"
                                 class="swiper-lazy">
                        <div class="swiper-lazy-preloader"></div>
                        </p>
                        <p class="text">业内首家实景搭建“云婚礼” 蜜匠婚礼开启疫情下的婚礼新模式</p>
                    </a>
                </div>
                <div class="carousel-item">
                    <a target="_blank" rel="nofollow" href="https://tech.ifeng.com/c/7vJiic1tAgY"
                       title="蜜匠婚礼荣登「百度智能小程序2019年度TOP100」榜单">
                        <p class="pic">
                            <img data-src="https://qnvideo.mijwed.com/brand/news/Bw4oXEs899HAwiW1587970902108.jpg"
                                 class="swiper-lazy">
                        <div class="swiper-lazy-preloader"></div>
                        </p>
                        <p class="text">蜜匠婚礼荣登「百度智能小程序2019年度TOP100」榜单</p>
                    </a>
                </div>
                <div class="carousel-item">
                    <a target="_blank" rel="nofollow" href="http://hunan.ifeng.com/a/20190922/7729064_0.shtml"
                       title="蜜匠婚礼2019秋季新品发布 助力行业共同发展">
                        <p class="pic">
                            <img data-src="https://qnvideo.mijwed.com/brand/news/4fury5vm1rYhqOK1569219049979.jpg"
                                 class="swiper-lazy">
                        <div class="swiper-lazy-preloader"></div>
                        </p>
                        <p class="text">蜜匠婚礼2019秋季新品发布 助力行业共同发展</p>
                    </a>
                </div>

            </div>
            <a class="carousel-control-prev" href="#carouselExampleFade" role="button" data-slide="prev">
                <!--                <span class="carousel-control-prev-icon" aria-hidden="true"></span>-->
                <!--                <span class="sr-only">Previous</span>-->
                <span class="button-prev"></span>


            </a>
            <a class="carousel-control-next" href="#carouselExampleFade" role="button" data-slide="next">
                <!--                <span class="carousel-control-next-icon" aria-hidden="true"></span>-->
                <!--                <span class="sr-only">Next</span>-->
                <span class="button-next"></span>
            </a>
        </div>
    </div>
</div>
<!--tab选项卡检测-->
<script type="text/javascript">
    var lis = document.querySelectorAll(".box_title ul li");
    var mods = document.querySelectorAll(".mod");
    for (var i = 0; i < lis.length; i++) {
        lis[i].setAttribute("index", i);
        lis[i].onmouseover = function () {
            for (var j = 0; j < lis.length; j++) {
                lis[j].classList.remove("cur_title");
                mods[j].style.display = "none";
            }
            this.classList.add("cur_title");
            var index = this.getAttribute("index");
            mods[index].style.display = "block";
        }
    }
</script>


<!-- 尾部红图 -->
<div class="prime-finally">
    <div class="inner-wrap">
        <ul class="finally-right">
            <li>
                <p class="number-bar">
                    <em class="num">400+</em>城
                </p>
                <p class="text">覆盖城市数量</p>
            </li>
            <li>
                <p class="number-bar">
                    <em class="num">173114</em>场
                </p>
                <p class="text">婚礼完成数</p>
            </li>
            <li>
                <p class="number-bar">
                    <em class="num">6666666</em>人次
                </p>
                <p class="text">服务新人数</p>
            </li>
        </ul>
        <img src="{% static 'images/logo-mj.png' %}" alt="品质婚礼 省钱更省心" class="AD-logo">
    </div>
</div>

<!--尾部-->

<div class="afooter">
    <div class="">
        <ul class="into-list">
            <li>
                <span class="title">蜜匠婚礼</span>
                <a href="https://www.mijwed.com/cs/wedding/products/" target="_blank" class="more-base"
                   data-title="主题婚礼"
                   title="主题婚礼">
                    <span><span>主题婚礼</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/cs/wedding/case/" target="_blank" class="more-base" data-title="案例陈列室"
                   title="案例陈列室"
                >
                    <span><span>案例陈列室</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/brand/" target="_blank" rel="nofollow" class="more-base"
                   data-title="品牌理念"
                   title="品牌理念">
                    <span><span>品牌理念</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/explore/" target="_blank" rel="nofollow" class="more-base"
                   data-title="设计揭秘"
                   title="设计揭秘">
                    <span><span>设计揭秘</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/dynamics/" target="_blank" rel="nofollow" class="more-base"
                   data-title="蜜匠动态"
                   title="蜜匠动态">
                    <span><span>蜜匠动态</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/stores/" target="_blank" rel="nofollow" class="more-base"
                   data-title="城市体验馆"
                   title="城市体验馆">
                    <span><span>城市体验馆</span></span>
                </a><br/>
            </li>
            <li>
                <span class="title">优选商家</span>
                <a href="https://www.mijwed.com/cs/hotel/" target="_blank" class="more-base"
                   data-title="长沙婚宴酒店" title="长沙婚宴酒店">
                    <span><span>长沙婚宴酒店</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/cs/car/" target="_blank" class="more-base"
                   data-title="长沙婚车预订" title="长沙婚车预订">
                    <span><span>长沙婚车预订</span></span>
                </a><br/>

            </li>
            <li>
                <span class="title">百科攻略</span>
                <a href="https://www.mijwed.com/cs/wiki/" target="_blank" class="more-base" data-title="本地百科"
                   title="本地百科">
                    <span><span>本地百科</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/baike/" target="_blank" class="more-base" data-title="婚礼攻略"
                   title="婚礼攻略">
                    <span><span>婚礼攻略</span></span>
                </a><br/>
                <!-- <a href="#" target="_blank" class="more-base" data-title="新人说" title="新人说">
                    <span><span>新人说</span></span>
                </a><br/>
                <a href="#" target="_blank" class="more-base" data-title="问答" title="问答">
                    <span><span>问答</span></span>
                </a><br/> -->
            </li>
            <li>
                <span class="title">备婚工具</span>
                <a href="https://www.mijwed.com/tools-invitation.html" target="_blank" class="more-base"
                   data-title="电子请帖"
                   title="电子请帖">
                    <span><span>电子请帖</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/tools-luckyDays.html" target="_blank" class="more-base"
                   data-title="结婚吉日"
                   title="结婚吉日">
                    <span><span>结婚吉日</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/tools-registry.html" target="_blank" class="more-base" data-title="婚姻登记"
                   title="婚姻登记">
                    <span><span>婚姻登记</span></span>
                </a><br/>
                <!-- <a href="#" target="_blank" class="more-base" data-title="电子相册" title="电子相册">
                    <span><span>电子相册</span></span>
                </a><br/> -->
            </li>
            <li>
                <span class="title">商务合作</span>
                <a href="https://www.mijwed.com/joinus/" target="_blank" class="more-base" data-title="加盟蜜匠"
                   title="加盟蜜匠">
                    <span><span>加盟蜜匠</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/passport-business.html" target="_blank" rel="nofollow" class="more-base"
                   data-title="商户入驻" title="商户入驻">
                    <span><span>商户入驻</span></span>
                </a><br/><br/><br/>
                <span class="title">关于我们</span>
                <a href="https://www.mijwed.com/aboutus/" target="_blank" rel="nofollow" class="more-base"
                   data-title="公司简介"
                   title="公司简介">
                    <span><span>公司简介</span></span>
                </a><br/>
                <a href="https://www.mijwed.com/contactus/" target="_blank" rel="nofollow" class="more-base"
                   data-title="联系我们"
                   title="联系我们">
                    <span><span>联系我们</span></span>
                </a>
            </li>
        </ul>
        <ul class="into-atlas">
            <li>
                <img src="https://files.mijwed.com/wed/template/footer/platform/t-sina.png" alt="蜜匠婚礼APP" class="pic">
                <span class="text">蜜匠婚礼APP</span>
            </li>
            <li>
                <img src="https://files.mijwed.com/uf/20201117/lz79x4xw1j1605595265000.png" alt="蜜匠婚礼APP" class="pic">
                <span class="text">微信公众号</span>
            </li>
        </ul>
        <div class="service-tel">
            <p class="text">24小时服务热线</p>
            <a tel="400-099-2169" class="tel">400-099-2169</a>
            <span class="btn btn-pay" onclick="kfBox()">在线客服</span>
        </div>
        <div class="footer-msg">
            <div class="copyright-text rt">
                Copyright © 2020 <a target="_blank" href="https://www.mijwed.com/cs" title="蜜匠婚礼">mijwed.com</a>
                <a>京ICP备17029003号-1</a>
            </div>
            <a target="_blank" rel="nofollow" href="https://www.mijwed.com/privacy/" title="隐私保护">隐私保护|</a>
            <a target="_blank" rel="nofollow" href="https://www.mijwed.com/policy/" title="免责声明">免责声明</a>
        </div>
    </div>

</div>


</body>
</html>

<script>
    $(document).on('click', '.zt', function () {
        $('html, body').animate({scrollTop: $('.ZTHL').offset().top}, 0)
    });
    $(document).on('click', '.al', function () {
        $('html, body').animate({scrollTop: $('.AL').offset().top}, 0)
    });
    $(document).on('click', '.jd', function () {
        $('html, body').animate({scrollTop: $('.JD').offset().top}, 0)
    });
    $(document).on('click', '.news', function () {
        $('html, body').animate({scrollTop: $('.newswarp').offset().top}, 0)
    });

</script>
<script>
    var box = this.document.getElementsByClassName("BJLB-1")[0];
    var lik = box.getElementsByTagName("li");

    function fun(i, j) {//转换图片函数，就是把透明度改了一下
        lik[i].style.opacity = 1;
        lik[j].style.opacity = 0;
        lik[i + 5].style.backgroundColor = "#ff8237";//改一下小图标
        lik[j + 5].style.backgroundColor = "#00000000"
    }

    fun(0, 1);//初始化下
    var i = 0;

    function auto() {//轮播循环函数
        if (++i >= 5) {
            i = 0;
            fun(0, 4);
        } else fun(i, i - 1);
    }

    timer = this.setInterval(auto, 3000);
    box.onmouseover = function () { //鼠标划上去，停止轮播
        console.log('good');
        clearInterval(timer);
    };
    box.onmouseout = function () { //鼠标划出，继续轮播
        timer = setInterval(auto, 3000); //调用定时器
    };
    var j = 0;
    for (; j < 5; j++) {//点击小图标也可以转换图片
        lik[j + 5].ind = j;
        lik[j + 5].onclick = function () {
            fun(this.ind, i);
            i = this.ind;
        }
    }
</script>

<script>
    //ALCH右侧left控制
    function ff() {
        var nm = document.getElementById('rt');
        var w = document.documentElement.clientWidth;
        var w2 = (w - 1200) / 2 + 880;
        if (w < 1200) {
            nm.style.cssText = "left:880px;"
        } else {
            nm.style.left = w2 + 'px';
        }
    }

    ff();
    window.onresize = function () {
        ff()
    }
</script>




